<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0029)http://demo.kopyov.com/crown/ -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Crown - premium responsive admin template for backend systems</title>
<link href="./css/main.css" rel="stylesheet" type="text/css">


<script type="text/javascript" src="./js/jquery.min.js"></script> 
<script type="text/javascript" src="./js/jquery-ui.min.js"></script>

<script type="text/javascript" src="./js/jquery.mousewheel.js"></script>

<script type="text/javascript" src="./js/excanvas.min.js"></script>
<script type="text/javascript" src="./js/jquery.flot.js"></script>
<script type="text/javascript" src="./js/jquery.flot.orderBars.js"></script>
<script type="text/javascript" src="./js/jquery.flot.pie.js"></script>
<script type="text/javascript" src="./js/jquery.flot.resize.js"></script>
<script type="text/javascript" src="./js/jquery.sparkline.min.js"></script>

<script type="text/javascript" src="./js/uniform.js"></script>
<script type="text/javascript" src="./js/jquery.cleditor.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="./js/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="./js/jquery.autosize.js"></script>
<script type="text/javascript" src="./js/jquery.maskedinput.min.js"></script>
<script type="text/javascript" src="./js/jquery.dualListBox.js"></script>
<script type="text/javascript" src="./js/jquery.inputlimiter.min.js"></script>
<script type="text/javascript" src="./js/chosen.jquery.min.js"></script>

<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./js/jquery.validate.min.js"></script>
<script type="text/javascript" src="./js/jquery.form.wizard.js"></script>

<script type="text/javascript" src="./js/plupload.js"></script>
<script type="text/javascript" src="./js/plupload.html5.js"></script>
<script type="text/javascript" src="./js/plupload.html4.js"></script>
<script type="text/javascript" src="./js/jquery.plupload.queue.js"></script>

<script type="text/javascript" src="./js/datatable.js"></script>
<script type="text/javascript" src="./js/tablesort.min.js"></script>
<script type="text/javascript" src="./js/resizable.min.js"></script><style type="text/css">.CRZ{table-layout:fixed;}.CRZ td,.CRZ th{overflow:hidden}.CRC{height:0px;position:relative;}.CRG{margin-left:-5px;position:absolute;z-index:5;}.CRG .CRZ{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;height:100%;top:0px}.CRL{position:absolute;width:1px}.CRD{ border-left:1px dotted black}</style>

<script type="text/javascript" src="./js/jquery.tipsy.js"></script>
<script type="text/javascript" src="./js/jquery.collapsible.min.js"></script>
<script type="text/javascript" src="./js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="./js/jquery.progress.js"></script>
<script type="text/javascript" src="./js/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="./js/jquery.colorpicker.js"></script>
<script type="text/javascript" src="./js/jquery.jgrowl.js"></script>
<script type="text/javascript" src="./js/jquery.breadcrumbs.js"></script>
<script type="text/javascript" src="./js/jquery.sourcerer.js"></script>

<script type="text/javascript" src="./js/jquery.fullcalendar.js"></script>
<script type="text/javascript" src="./js/jquery.elfinder.js"></script>

<script type="text/javascript" src="./js/custom.js"></script>

<script type="text/javascript" src="./js/chart.js"></script>

<style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/document_iterator.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/find_proxy.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/get_html_text.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/global_constants.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/name_injection_builder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/number_injection_builder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/string_finder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/change_sink.js"></script><meta name="document_iterator.js"><meta name="find_proxy.js"><meta name="get_html_text.js"><meta name="global_constants.js"><meta name="name_injection_builder.js"><meta name="number_injection_builder.js"><meta name="string_finder.js"><meta name="change_sink.js"></head>

<body>

    <!-- Style switcher -->
<div class="switcher">
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat1"><img src="./images/2.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat2"><img src="./images/3.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat3"><img src="./images/4.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat4"><img src="./images/5.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat5"><img src="./images/6.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat6"><img src="./images/7.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat7"><img src="./images/8.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat8"><img src="./images/9.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat10"><img src="./images/10.png" alt=""></a>
    <a href="http://demo.kopyov.com/crown/#" title="" class="pat9"><img src="./images/1.png" alt=""></a>
</div>


<!-- Left side content -->
<div id="leftSide">
    <div class="logo"><a href="http://demo.kopyov.com/crown/index.html"><img src="./images/logo.png" alt=""></a></div>
    
    <div class="sidebarSep mt0"></div>
    
    <!-- Search widget -->
    <form action="" class="sidebarSearch">
        <input type="text" name="search" placeholder="search..." id="ac" class="ui-autocomplete-input" autocomplete="off"><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
        <input type="submit" value="">
    </form>
    
    <div class="sidebarSep"></div>

    <!-- General balance widget -->
    <div class="genBalance">
        <a href="http://demo.kopyov.com/crown/#" title="" class="amount">
            <span>General balance:</span>
            <span class="balanceAmount">$10,900.36</span>
        </a>
        <a href="http://demo.kopyov.com/crown/#" title="" class="amChanges">
            <strong class="sPositive">+0.6%</strong>
        </a>
    </div>
    
    <!-- Next update progress widget -->
    <div class="nextUpdate">
        <ul>
            <li>Next update in:</li>
            <li>23 hrs 14 min</li>
        </ul>
        <div class="pWrapper"><div class="progressG" title="78%" style="width: 78%;"></div></div>
    </div>
    
    <div class="sidebarSep"></div>
    
    <!-- Left navigation -->
    <ul id="menu" class="nav">
        <li class="dash"><a href="http://demo.kopyov.com/crown/index.html" title="" class="active"><span>Dashboard</span></a></li>
        <li class="charts"><a href="http://demo.kopyov.com/crown/charts.html" title=""><span>Statistics and charts</span></a></li>
        <li class="forms"><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><span>Forms stuff</span><strong>4</strong></a>
            <ul class="sub" style="display: none;">
                <li><a href="http://demo.kopyov.com/crown/forms.html" title="">Form elements</a></li>
                <li><a href="http://demo.kopyov.com/crown/form_validation.html" title="">Validation</a></li>
                <li><a href="http://demo.kopyov.com/crown/form_editor.html" title="">WYSIWYG and file uploader</a></li>
                <li class="last"><a href="http://demo.kopyov.com/crown/form_wizards.html" title="">Wizards</a></li>
            </ul>
        </li>
        <li class="ui"><a href="http://demo.kopyov.com/crown/ui_elements.html" title=""><span>Interface elements</span></a></li>
        <li class="tables"><a href="http://demo.kopyov.com/crown/tables.html" title="" class="exp inactive"><span>Tables</span><strong>3</strong></a>
            <ul class="sub" style="display: none;">
                <li><a href="http://demo.kopyov.com/crown/table_static.html" title="">Static tables</a></li>
                <li><a href="http://demo.kopyov.com/crown/table_dynamic.html" title="">Dynamic table</a></li>
                <li class="last"><a href="http://demo.kopyov.com/crown/table_sortable_resizable.html" title="">Sortable &amp; resizable tables</a></li>
            </ul>
        </li>
        <li class="widgets"><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><span>Widgets and grid</span><strong>2</strong></a>
            <ul class="sub" style="display: none;">
                <li><a href="http://demo.kopyov.com/crown/widgets.html" title="">Widgets</a></li>
                <li class="last"><a href="http://demo.kopyov.com/crown/grid.html" title="">Grid</a></li>
            </ul>
        </li>
        <li class="errors"><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><span>Error pages</span><strong>6</strong></a>
            <ul class="sub" style="display: none;">
                <li><a href="http://demo.kopyov.com/crown/403.html" title="">403 page</a></li>
                <li><a href="http://demo.kopyov.com/crown/404.html" title="">404 page</a></li>
                <li><a href="http://demo.kopyov.com/crown/405.html" title="">405 page</a></li>
                <li><a href="http://demo.kopyov.com/crown/500.html" title="">500 page</a></li>
                <li><a href="http://demo.kopyov.com/crown/503.html" title="">503 page</a></li>
                <li class="last"><a href="http://demo.kopyov.com/crown/offline.html" title="">Website is offline</a></li>
            </ul>
        </li>
        <li class="files"><a href="http://demo.kopyov.com/crown/file_manager.html" title=""><span>File manager</span></a></li>
        <li class="typo"><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><span>Other pages</span><strong>3</strong></a>
            <ul class="sub" style="display: none;">
                <li><a href="http://demo.kopyov.com/crown/typography.html" title="">Typography</a></li>
                <li><a href="http://demo.kopyov.com/crown/calendar.html" title="">Calendar</a></li>
                <li class="last"><a href="http://demo.kopyov.com/crown/gallery.html" title="">Gallery</a></li>
            </ul>
        </li>
    </ul>
</div>


<!-- Right side -->
<div id="rightSide">

    <!-- Top fixed navigation -->
    <div class="topNav">
        <div class="wrapper">
            <div class="welcome"><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/userPic.png" alt=""></a><span>Howdy, Eugene!</span></div>
            <div class="userNav">
                <ul>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/profile.png" alt=""><span>Profile</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/tasks.png" alt=""><span>Tasks</span></a></li>
                    <li class="dd"><a title=""><img src="./images/messages.png" alt=""><span>Messages</span><span class="numberTop">8</span></a>
                        <ul class="userDropdown">
                            <li><a href="http://demo.kopyov.com/crown/#" title="" class="sAdd">new message</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="" class="sInbox">inbox</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="" class="sOutbox">outbox</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="" class="sTrash">trash</a></li>
                        </ul>
                    </li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/settings.png" alt=""><span>Settings</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/login.html" title=""><img src="./images/logout.png" alt=""><span>Logout</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- Responsive header -->
    <div class="resp">
        <div class="respHead">
            <a href="http://demo.kopyov.com/crown/index.html" title=""><img src="./images/loginLogo.png" alt=""></a>
        </div>
        
        <div class="cLine"></div>
        <div class="smalldd">
            <span class="goTo inactive"><img src="./images/home.png" alt="">Dashboard</span>
            <ul class="smallDropdown" style="display: none;">
                <li><a href="http://demo.kopyov.com/crown/index.html" title=""><img src="./images/home.png" alt="">Dashboard</a></li>
                <li><a href="http://demo.kopyov.com/crown/charts.html" title=""><img src="./images/stats.png" alt="">Statistics and charts</a></li>
                <li><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><img src="./images/pencil.png" alt="">Forms stuff<strong>4</strong></a>
                    <ul style="display: none;">
                        <li><a href="http://demo.kopyov.com/crown/forms.html" title="">Form elements</a></li>
                        <li><a href="http://demo.kopyov.com/crown/form_validation.html" title="">Validation</a></li>
                        <li><a href="http://demo.kopyov.com/crown/form_editor.html" title="">WYSIWYG and file uploader</a></li>
                        <li class="last"><a href="http://demo.kopyov.com/crown/form_wizards.html" title="">Wizards</a></li>
                    </ul>
                </li>
                <li><a href="http://demo.kopyov.com/crown/ui_elements.html" title=""><img src="./images/users.png" alt="">Interface elements</a></li>
                <li><a href="http://demo.kopyov.com/crown/tables.html" title="" class="exp inactive"><img src="./images/frames.png" alt="">Tables<strong>3</strong></a>
                    <ul style="display: none;">
                        <li><a href="http://demo.kopyov.com/crown/table_static.html" title="">Static tables</a></li>
                        <li><a href="http://demo.kopyov.com/crown/table_dynamic.html" title="">Dynamic table</a></li>
                        <li class="last"><a href="http://demo.kopyov.com/crown/table_sortable_resizable.html" title="">Sortable &amp; resizable tables</a></li>
                    </ul>
                </li>
                <li><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><img src="./images/fullscreen.png" alt="">Widgets and grid<strong>2</strong></a>
                    <ul style="display: none;">
                        <li><a href="http://demo.kopyov.com/crown/widgets.html" title="">Widgets</a></li>
                        <li class="last"><a href="http://demo.kopyov.com/crown/grid.html" title="">Grid</a></li>
                    </ul>
                </li>
                <li><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><img src="./images/alert.png" alt="">Error pages<strong>6</strong></a>
                    <ul class="sub" style="display: none;">
                        <li><a href="http://demo.kopyov.com/crown/403.html" title="">403 page</a></li>
                        <li><a href="http://demo.kopyov.com/crown/404.html" title="">404 page</a></li>
                        <li><a href="http://demo.kopyov.com/crown/405.html" title="">405 page</a></li>
                        <li><a href="http://demo.kopyov.com/crown/500.html" title="">500 page</a></li>
                        <li><a href="http://demo.kopyov.com/crown/503.html" title="">503 page</a></li>
                        <li class="last"><a href="http://demo.kopyov.com/crown/offline.html" title="">Website is offline</a></li>
                    </ul>
                </li>
                <li><a href="http://demo.kopyov.com/crown/file_manager.html" title=""><img src="./images/files.png" alt="">File manager</a></li>
                <li><a href="http://demo.kopyov.com/crown/#" title="" class="exp inactive"><img src="./images/create.png" alt="">Other pages<strong>3</strong></a>
                    <ul style="display: none;">
                        <li><a href="http://demo.kopyov.com/crown/typography.html" title="">Typography</a></li>
                        <li><a href="http://demo.kopyov.com/crown/calendar.html" title="">Calendar</a></li>
                        <li class="last"><a href="http://demo.kopyov.com/crown/gallery.html" title="">Gallery</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="cLine"></div>
    </div>
    
    <!-- Title area -->
    <div class="titleArea">
        <div class="wrapper">
            <div class="pageTitle">
                <h5>Dashboard</h5>
                <span>Do your layouts deserve better than Lorem Ipsum.</span>
            </div>
            <div class="middleNav">
                <ul>
                    <li class="mUser"><a title=""><span class="users"></span></a>
                        <ul class="mSub1">
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Add user</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Statistics</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Orders</a></li>
                        </ul>
                    </li>
                    <li class="mMessages"><a title=""><span class="messages"></span></a>
                        <ul class="mSub2">
                            <li><a href="http://demo.kopyov.com/crown/#" title="">New tickets<span class="numberRight">8</span></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Pending tickets<span class="numberRight">12</span></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Closed tickets</a></li>
                        </ul>
                    </li>
                    <li class="mFiles"><a href="http://demo.kopyov.com/crown/#" class="tipN" original-title="Or you can use a tooltip"><span class="files"></span></a></li>
                    <li class="mOrders"><a title=""><span class="orders"></span><span class="numberMiddle">8</span></a>
                        <ul class="mSub4">
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Pending uploads</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Statistics</a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">Trash</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="line"></div>
    
    <!-- Page statistics and control buttons area -->
    <div class="statsRow">
        <div class="wrapper">
        	<div class="controlB">
            	<ul>
                	<li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/plus.png" alt=""><span>Add new session</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/database.png" alt=""><span>New DB entry</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/hire-me.png" alt=""><span>Add new user</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/statistics.png" alt=""><span>Check statistics</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/comment.png" alt=""><span>Review comments</span></a></li>
                    <li><a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/order-149.png" alt=""><span>Check orders</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="line"></div>
    
    <!-- Main content wrapper -->
    <div class="wrapper">
    
        <!-- Note -->
        <div class="nNote nInformation hideit">
            <p><strong>INFORMATION: </strong>Top buttons area has 3 versions - 2 kinds of buttons and statistics. All of them could be viewed on <a href="http://demo.kopyov.com/crown/ui_elements.html" title="">Interface elements page</a></p>
        </div>
        
        <!-- Chart -->
        <div class="widget chartWrapper">
            <div class="title"><img src="./images/stats(1).png" alt="" class="titleIcon"><h6>Chart</h6></div>
            <div class="body"><div class="chart" style="padding: 0px; position: relative;"><canvas class="base" width="1025" height="250"></canvas><canvas class="overlay" width="1025" height="250" style="position: absolute; left: 0px; top: 0px;"></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-23px;top:230px;width:93px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:76px;top:230px;width:93px">2</div><div class="tickLabel" style="position:absolute;text-align:center;left:175px;top:230px;width:93px">4</div><div class="tickLabel" style="position:absolute;text-align:center;left:274px;top:230px;width:93px">6</div><div class="tickLabel" style="position:absolute;text-align:center;left:373px;top:230px;width:93px">8</div><div class="tickLabel" style="position:absolute;text-align:center;left:473px;top:230px;width:93px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:572px;top:230px;width:93px">12</div><div class="tickLabel" style="position:absolute;text-align:center;left:671px;top:230px;width:93px">14</div><div class="tickLabel" style="position:absolute;text-align:center;left:770px;top:230px;width:93px">16</div><div class="tickLabel" style="position:absolute;text-align:center;left:869px;top:230px;width:93px">18</div><div class="tickLabel" style="position:absolute;text-align:center;left:969px;top:230px;width:93px">20</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:205px;right:1007px;width:18px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:156px;right:1007px;width:18px">-0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:108px;right:1007px;width:18px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:59px;right:1007px;width:18px">0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:10px;right:1007px;width:18px">1.0</div></div></div><div class="legend"><div style="position: absolute; width: 142px; height: 20px; top: -42px; right: 0px; opacity: 1;"> </div><table style="position:absolute;top:-42px;right:0px;;font-size: 11px; color:#545454"><tbody><tr><td class="legendColorBox"><div style="#ccc"><div style="width:15px;height:0;border:3px solid rgb(172,209,99);overflow:hidden"></div></div></td><td class="legendLabel"><span>sin(x)</span></td><td class="legendColorBox"><div style="#ccc"><div style="width:15px;height:0;border:3px solid rgb(209,138,99);overflow:hidden"></div></div></td><td class="legendLabel"><span>cos(x)</span></td></tr></tbody></table></div></div></div>
        </div>
        
        <!-- Widgets -->
        <div class="fluid">
            <div class="span6">
            
                <!-- Partners list widget -->
                <div class="widget">
                    <div class="title"><img src="./images/users(1).png" alt="" class="titleIcon"><h6>Partners list</h6></div>
                    <ul class="partners">
                        <li>
                            <a href="http://demo.kopyov.com/crown/#" title="" class="floatL"><img src="./images/user.png" alt=""></a>
                            <div class="pInfo">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>Dave Armstrong</strong></a>
                                <i>Creative director at Google Inc. Zurich</i>	
                            </div>
                            <div class="pLinks">
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Direct call"><img src="./images/pSkype.png" alt=""></a>
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Send an email"><img src="./images/pEmail.png" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="http://demo.kopyov.com/crown/#" title="" class="floatL"><img src="./images/user.png" alt=""></a>
                                <div class="pInfo">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>Nora McDonald</strong></a>
                                <i>Lead developer, Alaska</i>	
                            </div>
                            <div class="pLinks">
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Direct call"><img src="./images/pSkype.png" alt=""></a>
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Send an email"><img src="./images/pEmail.png" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="http://demo.kopyov.com/crown/#" title="" class="floatL"><img src="./images/user.png" alt=""></a>
                            <div class="pInfo">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>Natalie Zimmerman</strong></a>
                                <i>Actually it's a guy. Yeah, unexpected</i>	
                            </div>
                            <div class="pLinks">
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Direct call"><img src="./images/pSkype.png" alt=""></a>
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Send an email"><img src="./images/pEmail.png" alt=""></a>
                            </div>
                        </li>
                        <li>
                            <a href="http://demo.kopyov.com/crown/#" title="" class="floatL"><img src="./images/user.png" alt=""></a>
                            <div class="pInfo">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>Maria Paradeux</strong></a>
                                <i>Very hot secretary, Playboy rockstar</i>	
                            </div>
                            <div class="pLinks">
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Direct call"><img src="./images/pSkype.png" alt=""></a>
                                <a href="http://demo.kopyov.com/crown/#" class="tipW" original-title="Send an email"><img src="./images/pEmail.png" alt=""></a>
                            </div>
                        </li>
                    </ul>
                </div>
            
                <!-- Website stats widget -->
                <div class="widget">
                    <div class="title"><img src="./images/stats(1).png" alt="" class="titleIcon"><h6>Website statistics</h6></div>
                    <table cellpadding="0" cellspacing="0" width="100%" class="sTable">
                        <thead>
                            <tr>
                                <td width="80">Amount</td>
                                <td>Description</td>
                                <td width="80">Changes</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td align="center"><a href="http://demo.kopyov.com/crown/#" title="" class="webStatsLink">980</a></td>
                                <td>returned visitors</td>
                                <td><span class="statsPlus">0.32%</span></td>
                            </tr>
                            <tr>
                                <td align="center"><a href="http://demo.kopyov.com/crown/#" title="" class="webStatsLink">1545</a></td>
                                <td>new registrations</td>
                                <td><span class="statsMinus">82.3%</span></td>
                            </tr>
                            <tr>
                                <td align="center"><a href="http://demo.kopyov.com/crown/#" title="" class="webStatsLink">457</a></td>
                                <td>new affiliates registrations</td>
                                <td><span class="statsPlus">100%</span></td>
                            </tr>
                            <tr>
                                <td align="center"><a href="http://demo.kopyov.com/crown/#" title="" class="webStatsLink">9543</a></td>
                                <td>new visitors</td>
                                <td><span class="statsPlus">4.99%</span></td>
                            </tr>
                            <tr>
                                <td align="center"><a href="http://demo.kopyov.com/crown/#" title="" class="webStatsLink">354</a></td>
                                <td>new pending comments</td>
                                <td><span class="statsMinus">9.67%</span></td>
                            </tr>
                        </tbody>
                    </table>   
                </div>
            
                <!-- Latest update widget -->
                <div class="widget">
                    <div class="title"><img src="./images/refresh4.png" alt="" class="titleIcon"><h6>Latest updates</h6></div>
                    
                    <div class="updates">
                    	<div class="newUpdate">
                            <div class="uDone">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>A new server is on the board!</strong></a>
                                <span>We've just set up a new server. Our gurus ...</span>
                            </div>
                            <div class="uDate"><span class="uDay">08</span>feb</div>
                        </div>
                        
                    	<div class="newUpdate">
                            <span class="uAlert">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>[ URGENT ] ex.ua was closed by government</strong></a>
                                <span>But already everything was solved. It will ...</span>
                            </span>
                            <span class="uDate"><span class="uDay">08</span>feb</span>
                        </div>
                        
                    	<div class="newUpdate">
                            <span class="uDone">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>The goal was reached!</strong></a>
                                <span>We just passed 1000 sales! Congrats to all</span>
                            </span>
                            <span class="uDate"><span class="uDay">07</span>feb</span>
                        </div>
                        
                    	<div class="newUpdate">
                            <span class="uNotice">
                                <a href="http://demo.kopyov.com/crown/#" title=""><strong>Meat a new team member - Don Corleone</strong></a>
                                <span>Very dyplomatic and flexible sales manager</span>
                            </span>
                            <span class="uDate"><span class="uDay">06</span>feb</span>
                        </div>
                        
                    </div>
                </div>
            </div>
        
        	<!-- 2 columns widgets -->
            <div class="span6">
            
                <!-- Search -->
                <div class="searchWidget">
                    <form action="">
                        <input type="text" name="search" placeholder="Enter search text...">
                        <input type="submit" name="find" value="">
                    </form>
                </div>
            
                <!-- Purchase info widget -->
                <div class="widget">
                    <div class="title">
                    	<img src="./images/money.png" alt="" class="titleIcon">
                        <h6>Purchase info</h6>
                        <div class="topIcons">
                            <a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Download statement"><img src="./images/downloadTop.png" alt=""></a>
                            <a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Print invoice"><img src="./images/printTop.png" alt=""></a>
                            <a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Edit"><img src="./images/editTop.png" alt=""></a>
                        </div>
                    </div>
                    <div class="newOrder">
                        <div class="userRow">
                            <a href="http://demo.kopyov.com/crown/#" title=""><img src="./images/user.png" alt="" class="floatL"></a>
                            <ul class="leftList">
                                <li><a href="http://demo.kopyov.com/crown/#" title=""><strong>Julia Maria Shine</strong></a></li>
                                <li>Order status:</li>
                            </ul>
                            <ul class="rightList">
                                <li><a href="http://demo.kopyov.com/crown/#" title=""> <strong>#2112</strong></a></li>
                                <li class="orderIcons"><span class="oUnfinished"></span><span class="oShipped tipN" original-title="Shipped on Feb 2nd, 2012"></span><span class="oPaid tipN" original-title="Paid on Feb 1st, 2012"></span></li>
                            </ul>
                        </div>
                    
                        <div class="cLine"></div>
                        
                        <div class="orderRow">
                            <ul class="leftList">
                                <li>Date and time:</li>
                                <li>Subtotal amount:</li>
                                <li>Taxes</li>
                            </ul>
                            <ul class="rightList">
                                <li><strong>Jan 31, 2012</strong> |  12:51</li>
                                <li><strong class="green">$5,514.36</strong></li>
                                <li><strong class="orange">- $1,158.54</strong></li>
                            </ul>
                        </div>
                        
                        <div class="cLine"></div>
                        <div class="totalAmount"><h6 class="floatL blue">Total:</h6><h6 class="floatR blue">$12,157.99</h6></div>
                    </div>
                </div>                
        
                <!-- New users widget -->
                <div class="widget">
                    <div class="title"><img src="./images/add.png" alt="" class="titleIcon"><h6>New users</h6></div>
                    <div class="wUserInfo">
                        <a href="http://demo.kopyov.com/crown/#" title="" class="wUserPic"><img src="./images/user.png" alt=""></a>
                        <ul class="leftList">
                            <li><a href="http://demo.kopyov.com/crown/#" title=""><strong>Eugene Kopyov</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">eugene@kopyov.com</a></li>
                        </ul>
                        <ul class="rightList">
                            <li><a href="http://demo.kopyov.com/crown/#" class="green"><strong>$12,248.21</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" class="red">12 purchases</a></li>
                        </ul>
                    </div>
                    
                    <div class="cLine"></div>
                    
                    <div class="wUserInfo">
                        <a href="http://demo.kopyov.com/crown/#" title="" class="wUserPic"><img src="./images/user.png" alt=""></a>
                        <ul class="leftList">
                            <li><a href="http://demo.kopyov.com/crown/#" title=""><strong>Valery Dow</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">valery@dow.com</a></li>
                        </ul>
                        <ul class="rightList">
                            <li><a href="http://demo.kopyov.com/crown/#" class="green"><strong>$4,048</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" class="red">96 purchases</a></li>
                        </ul>
                    </div>
                    
                    <div class="cLine"></div>
                    
                    <div class="wUserInfo">
                        <a href="http://demo.kopyov.com/crown/#" title="" class="wUserPic"><img src="./images/user.png" alt=""></a>
                        <ul class="leftList">
                            <li><a href="http://demo.kopyov.com/crown/#" title=""><strong>Liam Paterson</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">liam@paterson.com</a></li>
                        </ul>
                        <ul class="rightList">
                            <li><a href="http://demo.kopyov.com/crown/#" class="green"><strong>$94,127.20</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" class="red">128 purchases</a></li>
                        </ul>
                    </div>
                    
                    <div class="cLine"></div>
                    
                    <div class="wUserInfo">
                        <a href="http://demo.kopyov.com/crown/#" title="" class="wUserPic"><img src="./images/user.png" alt=""></a>
                        <ul class="leftList">
                            <li><a href="http://demo.kopyov.com/crown/#" title=""><strong>Steve Downey</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" title="">steve@downey.com</a></li>
                        </ul>
                        <ul class="rightList">
                            <li><a href="http://demo.kopyov.com/crown/#" class="green"><strong>$2,483.02</strong></a></li>
                            <li><a href="http://demo.kopyov.com/crown/#" class="red">0 purchases</a></li>
                        </ul>
                    </div>
                </div>
                
            	<!-- My tasks table widget -->
                <div class="widget">
                    <div class="title"><img src="./images/timer.png" alt="" class="titleIcon"><h6>My tasks</h6><div class="num"><a href="http://demo.kopyov.com/crown/#" class="blueNum">+245</a></div></div>
                    <table cellpadding="0" cellspacing="0" width="100%" class="sTable taskWidget">
                        <thead>
                            <tr>
                                <td>Description</td>
                                <td width="100">Status</td>
                                <td width="60">Acts</td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="taskPr"><a href="http://demo.kopyov.com/crown/#" title="">Finish design</a></td>
                                <td><span class="green f11">in progress</span></td>
                                <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                            </tr>
                            <tr>
                                <td class="taskP"><a href="http://demo.kopyov.com/crown/#" title="">Get HTML done</a></td>
                                <td><span class="lGrey f11">pending</span></td>
                                <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                            </tr>
                            <tr>
                                <td class="taskP"><a href="http://demo.kopyov.com/crown/#" title="">Connect jQuery stuff</a></td>
                                <td><span class="lGrey f11">pending</span></td>
                                <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                            </tr>
                            <tr>
                                <td class="taskD"><a href="http://demo.kopyov.com/crown/#" title="">Start beta testing</a></td>
                                <td><span class="red f11">done</span></td>
                                <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                            </tr>
                        </tbody>
                    </table> 
                </div>

            </div>
        </div>
    	
        <!-- Events calendar -->
        <div class="widget">
            <div class="title"><img src="./images/monthCalendar.png" alt="" class="titleIcon"><h6>Events</h6></div>
            <div class="calendar fc"><table class="fc-header" style="width:100%"><tbody><tr><td class="fc-header-left"><span class="fc-button fc-button-prev fc-state-default fc-corner-left"><span class="fc-button-inner"><span class="fc-button-content">&nbsp;◄&nbsp;</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-next fc-state-default fc-corner-right"><span class="fc-button-inner"><span class="fc-button-content">&nbsp;►&nbsp;</span><span class="fc-button-effect"><span></span></span></span></span></td><td class="fc-header-center"><span class="fc-header-title"><h2>February 2013</h2></span></td><td class="fc-header-right"><span class="fc-button fc-button-month fc-state-default fc-corner-left fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">month</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-basicWeek fc-state-default"><span class="fc-button-inner"><span class="fc-button-content">week</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-basicDay fc-state-default fc-corner-right"><span class="fc-button-inner"><span class="fc-button-content">day</span><span class="fc-button-effect"><span></span></span></span></span></td></tr></tbody></table><div class="fc-content" style="position: relative; min-height: 1px;"><div class="fc-view fc-view-month fc-grid" style="position: relative;" unselectable="on"><table class="fc-border-separate" style="width:100%" cellspacing="0"><thead><tr class="fc-first fc-last"><th class="fc-sun fc-widget-header fc-first" style="width: 151px;">Sun</th><th class="fc-mon fc-widget-header" style="width: 150px;">Mon</th><th class="fc-tue fc-widget-header" style="width: 150px;">Tue</th><th class="fc-wed fc-widget-header" style="width: 150px;">Wed</th><th class="fc-thu fc-widget-header" style="width: 150px;">Thu</th><th class="fc-fri fc-widget-header" style="width: 150px;">Fri</th><th class="fc-sat fc-widget-header fc-last">Sat</th></tr></thead><tbody><tr class="fc-week0 fc-first" style=""><td class="fc-sun fc-widget-content fc-day0 fc-first fc-other-month"><div style="min-height: 125px;"><div class="fc-day-number">27</div><div class="fc-day-content"><div style="position: relative; height: 24px;">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day1 fc-other-month"><div><div class="fc-day-number">28</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day2 fc-other-month"><div><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day3 fc-other-month"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day4 fc-other-month"><div><div class="fc-day-number">31</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day5"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day6 fc-last fc-state-highlight fc-today"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week1" style=""><td class="fc-sun fc-widget-content fc-day7 fc-first"><div style="min-height: 125px;"><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 24px;">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day8"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day9"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day10"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day11"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day12"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day13 fc-last"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week2" style=""><td class="fc-sun fc-widget-content fc-day14 fc-first"><div style="min-height: 125px;"><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position: relative; height: 24px;">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day15"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day16"><div><div class="fc-day-number">12</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day17"><div><div class="fc-day-number">13</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day18"><div><div class="fc-day-number">14</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day19"><div><div class="fc-day-number">15</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day20 fc-last"><div><div class="fc-day-number">16</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week3" style=""><td class="fc-sun fc-widget-content fc-day21 fc-first"><div style="min-height: 125px;"><div class="fc-day-number">17</div><div class="fc-day-content"><div style="position: relative; height: 24px;">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day22"><div><div class="fc-day-number">18</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day23"><div><div class="fc-day-number">19</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day24"><div><div class="fc-day-number">20</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day25"><div><div class="fc-day-number">21</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day26"><div><div class="fc-day-number">22</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day27 fc-last"><div><div class="fc-day-number">23</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week4" style=""><td class="fc-sun fc-widget-content fc-day28 fc-first"><div style="min-height: 125px;"><div class="fc-day-number">24</div><div class="fc-day-content"><div style="position: relative; height: 57px;">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day29"><div><div class="fc-day-number">25</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day30"><div><div class="fc-day-number">26</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day31"><div><div class="fc-day-number">27</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day32"><div><div class="fc-day-number">28</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day33 fc-other-month"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day34 fc-last fc-other-month"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week5 fc-last" style=""><td class="fc-sun fc-widget-content fc-day35 fc-first fc-other-month"><div style="min-height: 130px;"><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position: relative; height: 0px;">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day36 fc-other-month"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day37 fc-other-month"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day38 fc-other-month"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day39 fc-other-month"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day40 fc-other-month"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day41 fc-last fc-other-month"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr></tbody></table><div style="position:absolute;z-index:8;top:0;left:0"><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 758px; width: 144px; top: 56px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">All day event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left" style="position: absolute; z-index: 8; left: 909px; width: 147px; top: 56px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">4p</span><span class="fc-event-title">Repeating event</span></div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 305px; width: 597px; top: 182px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Long event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-right" style="position: absolute; z-index: 8; left: 0px; width: 148px; top: 182px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Repeating event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left" style="position: absolute; z-index: 8; left: 909px; width: 147px; top: 182px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">4p</span><span class="fc-event-title">Repeating event</span></div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 607px; width: 295px; top: 308px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">12p</span><span class="fc-event-title">Lunch</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-right" style="position: absolute; z-index: 8; left: 0px; width: 148px; top: 308px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Repeating event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 154px; width: 295px; top: 434px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">12a</span><span class="fc-event-title">Birthday PARTY</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><a href="http://themeforest.net/user/Kopyov" class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 456px; width: 446px; top: 560px;"><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Clackable</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></a><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 909px; background-color: rgb(92, 144, 181); border-color: rgb(92, 144, 181); width: 144px; top: 560px;"><div class="fc-event-inner fc-event-skin" style="background-color:#5c90b5;border-color:#5c90b5"><span class="fc-event-time">10:30a</span><span class="fc-event-title">Background color could be changed</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div></div></div></div></div>
        </div>
    
        <!-- Media table -->
        <div class="widget">
            <div class="title"><span class="titleIcon"><div class="checker" id="uniform-titleCheck"><span><input type="checkbox" id="titleCheck" name="titleCheck" style="opacity: 0;"></span></div></span><h6>Media table</h6></div>
            <table cellpadding="0" cellspacing="0" width="100%" class="sTable withCheck mTable" id="checkAll">
                <thead>
                    <tr>
                        <td><img src="./images/tableArrows.png" alt=""></td>
                        <td>Image</td>
                        <td class="sortCol header"><div>Description<span></span></div></td>
                        <td class="sortCol header"><div>Date<span></span></div></td>
                        <td>File info</td>
                        <td>Actions</td>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="6">
                            <div class="itemActions">
                                <label>Apply action:</label>
                                <div class="selector" id="uniform-undefined"><span>Select action...</span><select style="opacity: 0;">
                                    <option value="">Select action...</option>
                                    <option value="Edit">Edit</option>
                                    <option value="Delete">Delete</option>
                                    <option value="Move">Move somewhere</option>
                                </select></div>
                            </div>
                            <div class="tPagination">
                                <ul>
                                    <li class="prev"><a href="http://demo.kopyov.com/crown/#" title=""></a></li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">1</a></li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">2</a></li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">3</a></li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">4</a></li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">5</a></li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">6</a></li>
                                    <li>...</li>
                                    <li><a href="http://demo.kopyov.com/crown/#" title="">20</a></li>
                                    <li class="next"><a href="http://demo.kopyov.com/crown/#" title=""></a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td><div class="checker" id="uniform-titleCheck2"><span><input type="checkbox" id="titleCheck2" name="checkRow" style="opacity: 0;"></span></div></td>
                        <td align="center" style="border-left-color: rgb(203, 203, 203);"><a href="http://demo.kopyov.com/crown/images/big.png" title="" rel="lightbox"><img src="./images/user.png" alt=""></a></td>
                        <td><a href="http://demo.kopyov.com/crown/#" title="">Image1 description</a></td>
                        <td align="center">Feb 12, 2012. 12:28</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><div class="checker" id="uniform-titleCheck3"><span><input type="checkbox" id="titleCheck3" name="checkRow" style="opacity: 0;"></span></div></td>
                        <td align="center" style="border-left-color: rgb(203, 203, 203);"><a href="http://demo.kopyov.com/crown/images/big.png" title="" rel="lightbox"><img src="./images/user.png" alt=""></a></td>
                        <td><a href="http://demo.kopyov.com/crown/#" title="">Image2 description</a></td>
                        <td align="center">Feb 12, 2012. 12:30</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><div class="checker" id="uniform-titleCheck4"><span><input type="checkbox" id="titleCheck4" name="checkRow" style="opacity: 0;"></span></div></td>
                        <td align="center" style="border-left-color: rgb(203, 203, 203);"><a href="http://demo.kopyov.com/crown/images/big.png" title="" rel="lightbox"><img src="./images/user.png" alt=""></a></td>
                        <td><a href="http://demo.kopyov.com/crown/#" title="">Image3 description</a></td>
                        <td align="center">Feb 11, 2012. 02:30</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><div class="checker" id="uniform-titleCheck5"><span><input type="checkbox" id="titleCheck5" name="checkRow" style="opacity: 0;"></span></div></td>
                        <td align="center" style="border-left-color: rgb(203, 203, 203);"><a href="http://demo.kopyov.com/crown/images/big.png" title="" rel="lightbox"><img src="./images/user.png" alt=""></a></td>
                        <td><a href="http://demo.kopyov.com/crown/#" title="">Image4 description</a></td>
                        <td align="center">Feb 12, 2012. 12:28</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><div class="checker" id="uniform-titleCheck6"><span><input type="checkbox" id="titleCheck6" name="checkRow" style="opacity: 0;"></span></div></td>
                        <td align="center" style="border-left-color: rgb(203, 203, 203);"><a href="http://demo.kopyov.com/crown/images/big.png" title="" rel="lightbox"><img src="./images/user.png" alt=""></a></td>
                        <td><a href="http://demo.kopyov.com/crown/#" title="">Image5 description</a></td>
                        <td align="center">Feb 12, 2012. 12:28</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="actBtns"><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Update"><img src="./images/edit.png" alt=""></a><a href="http://demo.kopyov.com/crown/#" class="tipS" original-title="Remove"><img src="./images/remove.png" alt=""></a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    
    	<!-- Dynamic table -->
        <div class="widget">
            <div class="title"><img src="./images/full2.png" alt="" class="titleIcon"><h6>Dynamic table</h6></div>                          
            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper" role="grid"><div class="itemsPerPage"><div class="dataTables_filter" id="DataTables_Table_0_filter"><label><span>Search:</span> <input type="text" aria-controls="DataTables_Table_0"> <i class="srch"></i></label></div><div id="DataTables_Table_0_length" class="dataTables_length"><label><span>Show entries:</span> <div class="selector" id="uniform-undefined"><span>10</span><select size="1" name="DataTables_Table_0_length" aria-controls="DataTables_Table_0" style="opacity: 0;"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select></div></label></div></div><table cellpadding="0" cellspacing="0" border="0" class="display dTable dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
            <thead>
            <tr role="row"><th class="ui-state-default" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending"><div class="DataTables_sort_wrapper">Rendering engine<span class="DataTables_sort_icon css_right ui-icon ui-icon-triangle-1-n"></span></div></th><th class="ui-state-default" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending"><div class="DataTables_sort_wrapper">Browser<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span></div></th><th class="ui-state-default" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Platform(s): activate to sort column ascending"><div class="DataTables_sort_wrapper">Platform(s)<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span></div></th><th class="ui-state-default" role="columnheader" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending"><div class="DataTables_sort_wrapper">Engine version<span class="DataTables_sort_icon css_right ui-icon ui-icon-carat-2-n-s"></span></div></th></tr>
            </thead>
            
            <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 1.0</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.7</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 1.5</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 2.0</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 3.0</td>
            <td class=" ">Win 2k+ / OSX.3+</td>
            <td class="center ">1.9</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Camino 1.0</td>
            <td class=" ">OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Camino 1.5</td>
            <td class=" ">OSX.3+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Netscape 7.2</td>
            <td class=" ">Win 95+ / Mac OS 8.6-9.2</td>
            <td class="center ">1.7</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Netscape Browser 8</td>
            <td class=" ">Win 98SE+</td>
            <td class="center ">1.7</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Netscape Navigator 9</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Mozilla 1.0</td>
            <td class=" ">Win 95+ / OSX.1+</td>
            <td class="center ">1</td>
            </tr></tbody></table><div class="fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"><div class="dataTables_info" id="DataTables_Table_0_info">Showing 1 to 10 of 57 entries</div><div class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers" id="DataTables_Table_0_paginate"><a tabindex="0" class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default ui-state-disabled" id="DataTables_Table_0_first">First</a><a tabindex="0" class="previous fg-button ui-button ui-state-default ui-state-disabled" id="DataTables_Table_0_previous">Previous</a><span><a tabindex="0" class="fg-button ui-button ui-state-default ui-state-disabled">1</a><a tabindex="0" class="fg-button ui-button ui-state-default">2</a><a tabindex="0" class="fg-button ui-button ui-state-default">3</a><a tabindex="0" class="fg-button ui-button ui-state-default">4</a><a tabindex="0" class="fg-button ui-button ui-state-default">5</a></span><a tabindex="0" class="next fg-button ui-button ui-state-default" id="DataTables_Table_0_next">Next</a><a tabindex="0" class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default" id="DataTables_Table_0_last">Last</a></div></div></div>  
        </div>
    
    </div>
    
    <!-- Footer line -->
    <div id="footer">
        <div class="wrapper">As usually all rights reserved. And as usually brought to you by <a href="http://themeforest.net/user/Kopyov?ref=kopyov" title="">Eugene Kopyov</a></div>
    </div>

</div>


<div id="limiterBox" class="limiterBox" style="position: absolute; display: none;"></div><ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="z-index: 1; display: none;"></ul></body><span id="skype_highlighting_settings" display="none" autoextractnumbers="1"></span><object id="skype_plugin_object" location.href="http://demo.kopyov.com/crown/" location.hostname="demo.kopyov.com" style="position: absolute; visibility: hidden; left: -100px; top: -100px;" width="0" height="0" type="application/x-vnd.skype.click2call.chrome.5.7.0"></object></html>